<template>
  <iframe
    :id="id"
    :title="ifrm.title"
    :height="ifrm.height"
    :width="ifrm.width"
    :allow="fullscreen"
  ></iframe>
</template>

<script lang="ts">
export default {
  name: 'IframeWrapper'
}
</script>

<script lang="ts" setup>
const props = withDefaults(
  defineProps<{
    id: string
    fullscreen: string
    ifrm: {
      src?: string
      title?: string
      width?: string
      height?: string
    }
  }>(),
  {
    // id:'',
    fullscreen: 'fullscreen',
    ifrm: () => {
      return {
        title: 'iframe-title',
        width: '100%',
        height: '100%'
      }
    }
  }
)
</script>
